@charset "utf-8";
/* CSS Document */
/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
a:hover{ color:#008ceb;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
.ziti{ font-family:SimSun;}

html{ -webkit-font-smoothing: antialiased; }
body{ min-width:1200px; max-width:1920px; margin:0px auto; color:#333;}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:1200px; margin:0px auto;}

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/


/*------------------------header------------------------*/
header{}
	header .wrap{ padding: 20px 0 30px;}
		.logo{ font-size: 0;}
		.tel{ height: 80px; background: url(../images/tel.jpg) left bottom no-repeat; padding:10px 0 0 150px; font-size: 33px; color: #0091dc; text-align: right;}
	.navBox{ background: #028ac3; height: 50px;}
		.navBox .wrap{ padding: 0;}
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
			#nav .nLi{ float:left; display:inline; position:relative;}
				#nav .nLi{ width: 150px; text-align: center;}
					#nav .nLi>a{ display:block; height:50px; line-height:50px; color: #fff;}
				#nav .nLi:hover{ background:#ff8400; color:#fff;}
					#nav .on>a{ background:#ff8400; color:#fff;}
						#nav a h2{ font-weight:normal; font-size:16px;}
					#nav .sub{ display:none; line-height:40px; left:0px; top:50px; position:absolute; background: rgba(255,255,255, 0.85); z-index:999; text-align:center; box-shadow: 0px 1px 3px #999;}
						#nav .sub li{ border-top: 1px #dfeff8 solid; width: 150px;}
							#nav .sub a{ display: block;}
							#nav .sub a:hover{ background: #ff8400; color: #fff;}
					#nav .cur{ background:#ff8400; color:#fff;}

/*------------------------index------------------------*/				
#banner{ width:100%; height:560px; position:relative; overflow:hidden; }
	#banner .hd{ position:absolute; z-index:997; left:50%; margin-left:-34px; bottom:30px;}
		#banner .hd li{ width:16px; height:16px; margin-right:10px; float:left; cursor:pointer; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background:#fff; filter:alpha(opacity=50);opacity:0.5;}
		#banner .hd li.on{ filter:alpha(opacity=100);opacity:1;}
	#banner .bd{ width:100%; height:560px;}
		#banner .bd li{ width:100%; height:560px;}

#product{ padding: 30px 0;}
	.proSort{ width: 310px; border: 7px #028ac4 solid;}
		.proSort .title{ font-size: 0;}
		.proSort .content{ padding: 20px;}
			.proSort .content ul{ margin-bottom: 20px;}
				.proSort .content li{ line-height: 38px; border-bottom: 1px #ccc dotted;}
					.proSort .content li a{ display: block; background: url(../images/icon.png) 250px 15px no-repeat; text-indent: 10px;}
					.proSort .content li a:hover{ background: url(../images/icon.png) 250px 15px no-repeat #f0f0f0;}
			.proSort .contact{}
				.proSort .contact p{ font-size: 20px; line-height: 160%; color: #0091dc;}
					.proSort .contact p span{ color: #fff;}
	.product{ width: 852px;}
		.proBox{ width: 272px; margin: 6px; text-align: center;}
			.proBox .pic{ width: 260px; height: 195px; border: 1px #f0f0f0 solid; line-height: 195px; font-size: 0; padding: 5px; background: #fff;}
			.proBox .name{ line-height: 45px;}
		.proBox:hover{ background: #028ac3; color: #fff;}

.adBox{ width: 100%; height: 255px;}

#youshi{}
	#youshi .topic{ padding: 30px 0; text-align: center;}
	.ysBox{ width: 460px; padding-left: 100px; float: left; margin: 7px 0;}
	.ysBox3 , .ysBox4{ float: right;}
	.ysBox1{ background: url(../images/youshi_a.png) left top no-repeat;}
	.ysBox2{ background: url(../images/youshi_b.png) left top no-repeat;}
	.ysBox3{ background: url(../images/youshi_c.png) left top no-repeat;}
	.ysBox4{ background: url(../images/youshi_d.png) left top no-repeat;}
	.ysBox5{ background: url(../images/youshi_e.png) left top no-repeat;}
	.ysBox6{ background: url(../images/youshi_f.png) left top no-repeat;}
		.ysBox .name{ height: 70px; font-size: 28px; font-weight: bold; background: url(../images/youshi_line.png) center bottom no-repeat;}
		.ysBox .content{font-size: 16px; line-height: 30px; padding: 20px 0 30px 20px; background: url(../images/youshi_dian.jpg) left 25px no-repeat;}

#about{ height: 360px; width: 1130px; margin: 20px auto; background: url(../images/about_bg.jpg) left top no-repeat; padding: 100px 35px 30px;}
	#about .pic{ width: 435px;}
	#about .content{ width: 665px; font-size: 16px; line-height: 30px; text-indent: 2em; text-align: justify;}
		#about .pics , #about .read{ margin: 20px 0 0; text-indent: 0;}
			#about .content a{display: block; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; background: #4d89c0; line-height: 30px; padding: 0 20px; color: #fff;}

#shebei{ width: 1198px; border-top:2px #4d89bf solid; border-left: 1px #d1d1d1 solid; border-right: 1px #d1d1d1 solid; border-bottom: 1px #d1d1d1 solid;}
	#shebei .title{ height: 45px; line-height: 45px; padding: 0 20px; border-bottom: 1px #d1d1d1 solid;}
		#shebei .topic{ font-size: 24px; height: 42px; border-bottom: 3px #4d89bf solid;}
		#shebei .more{}
	#shebei .content{ width: 1198px; overflow: hidden; padding: 20px 0;}
		#shebei .content li{ width: 239px; text-align: center;}
			#shebei .sbBox{ width: 210px; margin: 0 5px;}
				#shebei .sbBox .pic{ padding: 5px 0; border: 1px #d1d1d1 solid;}
				#shebei .sbBox .name{ line-height: 30px;}

#problems{ width: 350px; margin: 30px 0; border-top:2px #4d89bf solid; border-left: 1px #d1d1d1 solid; border-right: 1px #d1d1d1 solid; border-bottom: 1px #d1d1d1 solid;}
	#problems .title{ height: 45px; line-height: 45px; padding: 0 20px; border-bottom: 1px #d1d1d1 solid;}
		#problems .topic{ font-size: 24px; height: 42px; border-bottom: 3px #4d89bf solid;}
	#problems .content{ border-bottom: 1px #d1d1d1 solid; padding: 20px;}
	#problems .content3{ border: none;}
		#problems .content .name , #problems .content .desc{ padding: 0 0 0 30px; line-height: 24px;}
		#problems .content .name{ background: url(../images/problems_a.jpg) 0 3px no-repeat;}
		#problems .content .desc{ background: url(../images/problems_b.jpg) 0 3px no-repeat;}

#news{ width: 820px; margin: 30px 0; border-top:2px #4d89bf solid; border-left: 1px #d1d1d1 solid; border-right: 1px #d1d1d1 solid; border-bottom: 1px #d1d1d1 solid;}
	#news .title{ height: 45px; line-height: 45px; padding: 0 20px; border-bottom: 1px #d1d1d1 solid;}
		#news .topic{ font-size: 24px; height: 42px; border-bottom: 3px #4d89bf solid;}
	#news .topNews{ padding: 20px;}
		#news .topNews .pic{ width: 205px;}
		#news .topNews .content{ width: 560px;}
			#news .topNews .content li{ padding: 5px 0;}
				#news .topNews .content li a{ font-size: 16px;}
			#news .topNews .content .read{ display: block; line-height: 30px; width: 100px; text-align: center; font-size: 14px; background: #4d89bf; color: #fff;}
	#news .newsBox{ width: 780px; margin: 0 20px; overflow: hidden;}
		#news .newsBox li{ float: left; width: 350px; line-height: 180%; padding: 0 20px; background: url(../images/newsIco.jpg) left center no-repeat;}
		#news .newsBox a{ display: inherit; padding: 0;}
		#news .newsBox span{ color: #999;}


/*------------------------footer------------------------*/
#links{ background: #eeeeee; line-height: 70px;}
	#links .title{ width: 100px; color: #4d88bf; font-size: 18px;}
	#links .content{ width: 1100px;}

footer{ background: #1689c2; padding: 50px 0;}
	footer .content{ margin: 0 0 0 50px; color: #fff; line-height: 180%;}
		footer .company{ font-size: 18px;}
		footer .copy{ border-top:1px #fff solid;}
	
/*------------------------page------------------------*/
#nBanner{ height: 300px; background: url(../images/nbanner.jpg) center top no-repeat;}

.side , .pMain{ margin: 30px 0; overflow: hidden;}
.side{ width: 250px;}
	.side .title{ line-height: 95px; text-align: center; background: #028ac3; color: #fff; font-size: 28px;}
	.side .sideNav{ margin-bottom: 30px;}
		.side .sideNav a{ display: block; height: 50px; line-height: 50px; background: url(../images/sidenav_bg.jpg) center top no-repeat; text-align: center; font-size: 16px;}
	.side .subTitle{ height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #fff; background: #028ac3;}
	.side .contact{ padding: 20px 10px 0;}
		.side .contact span{ color: #fff;}
		
.pMain{ width: 920px;}
	.pMain .title{ line-height: 45px; border-bottom: 1px #028ac3 solid; padding: 0 20px 0 30px; background: url(../images/nico.jpg) 10px center no-repeat;}
		.pMain .title h2{ font-size: 22px; font-weight: normal;}
		
	#txt{ padding: 20px; line-height: 180%; text-align: justify; overflow: hidden;}
		#txt p{ margin-bottom: 10px;}
		#txt img{ margin: 5px 0; max-width: 90%;}
		#txt td{ border: 1px #ccc solid; padding: 3px; text-align: center;}
		#txt span{display: inline-block; background: #ff8a00; padding: 0 10px; line-height: 200%; color: #fff; font-weight: bold; text-align: center; margin: 0 10px 0 0;}
		#txt .list-paddingleft-2{ overflow: hidden;}
			.list-paddingleft-2 li{ float: left;}
			.list-paddingleft-2 li:nth-child(1){ font-weight: bold; width: 15%; text-align: right; padding: 0 20px 0 0;}
			
	#newsList{ padding: 20px;}
		#newsList li{ line-height: 50px; border-bottom: 1px #ccc dotted; padding: 0 10px 0 30px; background: url(../images/newsIco.jpg) 15px center no-repeat;}
		#newsList li:hover{ background: url(../images/newsIco.jpg) 15px center no-repeat #f0f0f0;}
	
	#proList{ overflow: hidden; padding: 10px 0;}
		#proList .proBox{ width: 210px; margin: 10px;}
			#proList .proBox .pic{ width: 210px; height: 150px; padding: 5px 0;}
			#proList .proBox .name{}
		
	#name{ text-align: center; padding: 50px 0 10px;}
		#name h3{ font-size: 20px;}
		
	#time{ text-align: center;}
	
	#picture{ text-align: center; padding: 30px 0; border-bottom: 1px #ccc dotted;}
		#picture img{ max-width: 600px; max-height: 600px;}
	
#pageBox{ padding: 50px 0; text-align: center; overflow: hidden;}
	#pageBox a{ border: 1px #ccc solid; margin:0 5px; padding: 10px 15px;}
	#pageBox a:hover{ background: #1689c2; border-color: #1689c2; color: #fff;}
	#pageBox .page-num-current{ border: 1px #1689c2 solid; color: #1689c2;}
	
#upDown{ padding:20px 10px 60px; line-height:180%; overflow:hidden; border-top: 1px #ccc dotted;}
	#upDown span{ color: #008ceb;}